{% extends 'base.html' %}
{% block title %}Admin Dashboard{% endblock %}

{% block content %}
<h4 class="mb-4">📋 Complaints Dashboard</h4>

<table class="table table-hover align-middle">
    <thead class="table-light">
        <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Subject</th>
            <th>Status</th>
            <th>Action</th>
        </tr>
    </thead>

    {% for c in complaints %}
    <tr>
        <td>{{ c.name }}</td>
        <td>{{ c.email }}</td>
        <td>{{ c.subject }}</td>
        <td>
            <span class="badge {% if c.status == 'Resolved' %}bg-success{% else %}bg-warning{% endif %}">
                {{ c.status }}
            </span>
        </td>
        <td>
            {% if c.status == 'Pending' %}
            <a href="/resolve/{{ c.id }}/" class="btn btn-sm btn-success">Resolve</a>
            {% endif %}
            <a href="/delete/{{ c.id }}/" class="btn btn-sm btn-danger">Delete</a>
        </td>
    </tr>
    {% empty %}
    <tr>
        <td colspan="5" class="text-center text-muted">No complaints found</td>
    </tr>
    {% endfor %}
</table>
{% endblock %}